<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<title>HTML 4.01 Transitional</title>

  <link type="text/css" rel="stylesheet" href="js/jquery.formrecorder.css">

  <script type="text/javascript" src= "js/jquery-1.6.3.min.js"></script>
  <script type="text/javascript" src= "js/jquery.effects.core.js"></script>
  <script type="text/javascript" src= "js/jquery.formrecorder.js"></script>

  <script type="text/javascript">
      jQuery(document).ready( function(){
        $("form").formrecorder({timeout:10, url: "http://localhost/formrecorder/recorder.php", debug: true});
        $("form").formplayback({statusLabel: "#player-status", speed: 0.3, debug: true});
      });
  </script>
</head>
<body>
<form action="self.html">
<fieldset>
<legend>HTML 4.01 Transitional</legend>
<p><input type="text" id="in1" value="" name="texttest"></p>
<p><textarea rows="4" cols="20" id="ta1"></textarea></p>
<p><input type="password" id="in2" value="" name="passwordtest"></p>
<p>
	<label for="in3">Red</label>
	<input type="checkbox" id="in3" name="checktestred"><br>
	<label for="in31">Green</label>
	<input type="checkbox" id="in31" name="checktestgreen"><br>
	<label for="in32">Red</label>
	<input type="checkbox" id="in32" name="checktestblue"><br>
</p>
<p>
	<label for="in4">Red</label>
	<input type="radio" id="in4" name="radtest" value="Red"><br>
	<label for="in41">Green</label>
	<input type="radio" id="in41" name="radtest" value="Green"><br>
	<label for="in42">Blue</label>
	<input type="radio" id="in42" name="radtest" value="Blue"><br>
</p>
<p>
	<select name="selecttest1" id="sel1">
		<option value="Red" label="Red">Red</option>
		<option value="Green" label="Green">Green</option>
		<option value="Blue" label="Blue">Blue</option>
	</select>
</p>
<p>
	<select name="selecttest1" id="sel2" multiple>
		<option value="Red" label="Red">Red</option>
		<option value="Green" label="Green">Green</option>
		<option value="Blue" label="Blue">Blue</option>
	</select>
</p>
<p><input type="file" id="in7" value="" name="filetest"></p>
<p><input type="hidden" id="in8" value="1" name="hiddentest"></p>
<p><input type="image" id="in9" value="" name="imagetest" src="logo.jpg"></p>
<p><input type="button" id="in10" value="Type is Button Test" name="buttontest"></p>
<p><input type="submit" id="in11" value="Submit"></p>
<p><input type="reset" id="in12" value="Reset"></p>
<p><button id="buttonElementTest">Element is Button Test</button></p>
</fieldset>
</form>
</body>
</html>
